<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
<html lang="en-US">
  <head>
    <title>Test page for Doj</title>
    <meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
  </head>
  <body>
    <div id="container">
        <div id="header">
            <h1>Test page for Doj</h1>
        </div>
        <div id="navigation" class="col-3 module">
            <ul>
                <li><a href="#home" title="Homepage">Home</a></li>
                <li><a href="#about" title="About this page">About</a></li>
                <li><a href="#contact">Contact</a></li>
            </ul>
        </div>
        <div id="content" class="col-3">
            <div id="main" class="col-2">
                <div id="article-1" class="article">
                    <h2><a href="/link-to-article-1">Article title 1</a></h2>
                    <div class="content">
                        <p>
                            First paragraph of article 1.
                        </p>
                        <blockquote>
                            <p>
                                A blockquote.
                            </p>
                        </blockquote>
                        <p>
                            Second paragraph of article 1.
                        </p>
                    </div>
                </div>
                <hr>
                <div id="article-2" class="article">
                    <h2><a href="/link-to-article-2">
                        
                         Article title 2

                         </a></h2>
                    <div class="content">
                        <img src="http://google.com/intl/en_com/images/logo_plain.png" alt="Google logo">
                        <p>
                            First paragraph of article 2.
                        </p>
                        <p>
                            Second paragraph of article 2.
                        </p>
                    </div>
                </div>
                <hr>
                <div id="article-3" class="article">
                    <h2><a href="/link-to-article-3">Article title 3</a></h2>
                    <div class="content">
                        <p>
                            First paragraph of article 3.
                        </p>
                        <p>
                            Second paragraph of article 3.
                        </p>
                        <p>
                            Third paragraph of article 3.
                        </p>
                    </div>
                </div>
                <hr>
            </div>
            <div id="sidebar" class="col-1">
                <form action="#search" method="get">
                    <fieldset>
                        <legend>Search</legend>
                        <label for="keywords">Keywords:</label>
                        <input type="text" name="keywords" id="keywords" value="Enter keywords here"><br>
                        <input type="radio" name="site" value="google" checked="checked" id="site-1"> <label for="site-1">Site #1</label>
                        <input type="radio" name="site" value="thisone" id="site-2"> <label for="site-2">Site #2</label><br>
                        <input type="checkbox" name="checker1" value="123" id="checker1"> <label for="checker1">Check or uncheck</label><br>
                        <input type="checkbox" name="checker2" value="123" id="checker2" checked="checked"> <label for="checker2">Check or uncheck</label><br>
                        <select name="plain_select" id="the_plain_select">
                            <option value="1">Option #1</option>
                            <option value="2">Option #2</option>
                            <option value="3">Option #3</option>
                            <option value="4" selected="selected">Option #4</option>
                            <option value="5">5</option>
                        </select>
                        <select name="multiple_select" multiple="multiple" id="the_multiple_select">
                            <option value="1">Option #1</option>
                            <option value="2" selected="selected">Option #2</option>
                            <option value="3">Option #3</option>
                            <option value="4" selected="selected">Option #4</option>
                            <option value="5">Option #5</option>
                        </select>
                        <textarea cols="10" rows="5" name="textext"> The textarea content. </textarea>
                        <button value="search_button">Search</button>
                    </fieldset>
                </form>
                <ol>
                    <li> 
                    
                    Item #1

                    </li>
                    <li>Item #2</li>
                    <li>Item #3</li>
                    <li>Item #4</li>
                </ol>
                <ol class="ol-simple">
                    <li>Item #1</li>
                    <li>Item #2</li>
                    <li>Item #3</li>
                    <li>Item #4</li>
                </ol>
                <ol class="ol-simple dummy">
                    <li>Item #1</li>
                    <li>Item #2</li>
                    <li>Item #3</li>
                    <li>Item #4</li>
                </ol>
                <ol class="ol simple">
                    <li>Item #1</li>
                    <li>Item #2</li>
                    <li>Item #3</li>
                    <li>Item #4</li>
                </ol>
                <ol class=" ol-simple " lang="en-US">
                    <li>Item #1</li>
                    <li>Item #2</li>
                    <li>Item #3</li>
                    <li>Item #4</li>
                </ol>
            </div>
        </div>
        <div id="footer">
            <p>Copyright something</p>
        </div>
    </div>
  </body>
</html>
